import { SideNavTabs } from 'components/SideNavbar'

import Count from './01_count/index'
import Gap from './02_gap/index'
import Rule from './03_rule/index'
import Width from './04_width/index'
import Letter from './05_letter/index'
import Word from './06_word/index'
import Line from './07_line/index'

const __tabs = [{
  icon: 'target',
  component: Count
}, {
  icon: 'monitor',
  component: Gap
}, {
  icon: 'calendar',
  component: Rule
}, {
  icon: 'news',
  component: Width,
}, {
  icon: 'search',
  component: Letter
}, {
  icon: 'flow',
  component: Word
}, {
  icon: 'clock',
  component: Line
}]

export default function Index() {
  return (
    <SideNavTabs tabs={__tabs} />
  )
}


